<!DOCTYPE html>
<html>
{$headHtml}
<body>
{$head_navlist}
<!-- banner -->
<div class="banner">
    <div class="swiper-wrapper">
        <yang:abc id="$headInfo[banner_select_id]" limit="4">
            <div class="swiper-slide"><a href="javascript:void(0)"><img src="{$abc[content]}" alt="" /></a></div>
        </yang:abc>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=TOIKw2721WRLOrZr7gOIk0wLqWAV1682"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
<!-- 主体部分 -->
<section class="content">
    <div class="box brand_content clear">
        <div class="location">
            <a href="">当前位置</a>-<a href="/pn_<?=$headInfo[ename]?>">{$headInfo[name]}</a>- <a href="/pn_<?=$catalogSelect[ename]?>">{$catalogSelect[name]}</a>
        </div>
        <header class="brand_title">
            <h1>联系我们</h1>
        </header>
        <div class="contact_info">
            <h1><yang:sitename /></h1>
            <h3>全国统一招商热线：<yang:phone /></h3>
        </div>
        <section class="contact_address_list box">
            <h2><?=$mapInfo[0][title]?></h2>
            <div class="contact_address_detail">
                <p><span class="contact_address_addr"></span>地址：<?=$mapInfo[0][address]?></p>
            </div>
            <div class="contact_address_detail">
                <p><span class="contact_address_phone"></span>电话：<?=$mapInfo[0][phone]?></p>
            </div>
            <div class="contact_map" id="map1">
                <!-- <img src="images/contact04.jpg" alt=""> -->
                <script type="text/javascript">
                    // 百度地图API功能
                    var map1 = new BMap.Map('map1');
                    var poi1 = new BMap.Point('<?=$mapInfo[0][lng]?>','<?=$mapInfo[0][lat]?>');
                    map1.centerAndZoom(poi1, 18);
                    map1.enableScrollWheelZoom();
                    var content1 = '<?=$mapInfo[0][content]?>';
                    //创建检索信息窗口对象
                    var searchInfoWindow1 = null;
                    searchInfoWindow1 = new BMapLib.SearchInfoWindow(map1, content1,{
                        title  : "<?=$mapInfo[0][title]?>",      //标题
                        width  : 290,             //宽度
                        height :20,
                        panel  : "panel",         //检索结果面板
                        enableAutoPan : true,     //自动平移
                        searchTypes   :[
                            BMAPLIB_TAB_TO_HERE,  //到这里去
                            BMAPLIB_TAB_FROM_HERE //从这里出发
                        ]
                    });
                    var marker1 = new BMap.Marker(poi1); //创建marker对象
                    marker1.addEventListener("click", function(e){
                        searchInfoWindow1.open(marker1);
                    })
                    map1.addOverlay(marker1); //在地图中添加marker
                </script>
            </div>
        </section>
        <section class="contact_address_list box">
            <h2>{$mapInfo[1][title]}</h2>
            <div class="contact_address_detail">
                <p><span class="contact_address_addr"></span>地址：{$mapInfo[1][address]}</p>
            </div>
            <div class="contact_address_detail">
                <p><span class="contact_address_phone"></span>电话：{$mapInfo[1][phone]}</p>
            </div>
            <div class="contact_map" id="map2">
                <!-- <img src="images/contact04.jpg" alt=""> -->
                <script type="text/javascript">
                    // 百度地图API功能
                    var map2 = new BMap.Map('map2');
                    var poi2 = new BMap.Point('<?=$mapInfo[1][lng]?>','<?=$mapInfo[1][lat]?>');
                    map2.centerAndZoom(poi2, 18);
                    map2.enableScrollWheelZoom();
                    var content2 = '<?=$mapInfo[1][content]?>';
                    //创建检索信息窗口对象
                    var searchInfoWindow2 = null;
                    searchInfoWindow2 = new BMapLib.SearchInfoWindow(map2, content2,{
                        title  : '<?=$mapInfo[1][title]?>',      //标题
                        width  : 290,             //宽度
                        height :20,
                        panel  : "panel",         //检索结果面板
                        enableAutoPan : true,     //自动平移
                        searchTypes   :[
                            BMAPLIB_TAB_TO_HERE,  //到这里去
                            BMAPLIB_TAB_FROM_HERE //从这里出发
                        ]
                    });
                    var marker2 = new BMap.Marker(poi2); //创建marker对象
                    marker2.addEventListener("click", function(e){
                        searchInfoWindow2.open(marker2);
                    })
                    map2.addOverlay(marker2); //在地图中添加marker
                </script>
            </div>
        </section>
        <section class="contact_address_list box">
            <h2>{$mapInfo[2][title]}</h2>
            <div class="contact_address_detail">
                <p><span class="contact_address_addr"></span>地址：{$mapInfo[2][address]}</p>
            </div>
            <div class="contact_address_detail">
                <p><span class="contact_address_phone"></span>电话：{$mapInfo[2][phone]}</p>
            </div>
            <div class="contact_map" id="map3">
                <script type="text/javascript">
                    // 百度地图API功能
                    var map3 = new BMap.Map('map3');
                    var poi3 = new BMap.Point('<?=$mapInfo[2][lng]?>','<?=$mapInfo[2][lat]?>');
                    map3.centerAndZoom(poi3, 18);
                    map3.enableScrollWheelZoom();
                    var content3 = '<?=$mapInfo[2][content]?>';
                    //创建检索信息窗口对象
                    var searchInfoWindow3 = null;
                    searchInfoWindow3 = new BMapLib.SearchInfoWindow(map3, content2,{
                        title  : '<?=$mapInfo[2][title]?>',      //标题
                        width  : 290,             //宽度
                        height :20,
                        panel  : "panel",         //检索结果面板
                        enableAutoPan : true,     //自动平移
                        searchTypes   :[
                            BMAPLIB_TAB_TO_HERE,  //到这里去
                            BMAPLIB_TAB_FROM_HERE //从这里出发
                        ]
                    });
                    var marker3 = new BMap.Marker(poi3); //创建marker对象
                    marker3.addEventListener("click", function(e){
                        searchInfoWindow3.open(marker3);
                    })
                    map3.addOverlay(marker3); //在地图中添加marker
                </script>
            </div>
        </section>
    </div>
</section>
{$footHtml}
<script>
    swiperBanner();
</script>
</body>
</html>